<!-- 模块说明 -->
<script setup lang="ts">
import { ref } from "vue";
const val = ref("");
defineProps({
  modelValue: String,
});
const emit = defineEmits(["update:modelValue"]);
const sub = () => {
  // 现在这个部分都是<Input>的内部,所以都可以使用 emit("update:modelValue", val.value);
  // <Input 可以监听到内部所有的,emit("update:modelValue", val.value);>
  emit("update:modelValue", val.value);
};
</script>
<template>
  <div class="box">
    <p>
      <!-- <input type="text" @input="sub" v-model="val" /> -->
      <input type="text" v-model="val" />
      <button @click="sub">点击</button>
    </p>
  </div>
</template>

<style lang="scss" scoped>
.box {
}
</style>
